.dialog_container {
  width: 1920px;
  height: 1080px;
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .content {
    width: 1397px;
    height: 717px;
    box-sizing: border-box;
    background-image: url(./../../../../assets/cyl/dialog_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding: 27px 35px;
    position: relative;
    transform: scaleY(0);
    transition: transform 0.13s;
    &.open {
      transform: scaleY(1);
    }
    .title {
      color: #fff;
      font-size: 28px;
      text-align: center;
    }
    .preview_container {
      width: 1000px;
      height: 570px;
      margin: 0 auto;
    }
    .button {
      display: inline-block;
      color: #fff;
      font-size: 18px;
      position: absolute;
      z-index: 50;
      cursor: pointer;
      user-select: none;
      right: 80px;
      &.close {
        top: 50px;
      }
      &.download {
        bottom: 50px;
      }
    }
  }
}
